Vysvětlení značek užívaných v definicích stylů

• body - definované vlastnosti se budou (nebudou-li později předefinovány) aplikovat na celou stránku
• p - běžný odstavec (paragraf)
• h1 - nadpis 1 (hlavička 1)
• h2 - nadpis 2 (hlavička 2)
• h3 - nadpis 3 (hlavička 3)
• ul - neuspořádaný seznam
• lo - uspořádaný seznam
• a - aktivní odkaz (aplikovatelný jak na obrázek tak na text)
  jeho pseudotřídy:
    a:link
    a:visited
    a:hover
    a:active
• table, td, tr - definice vlastnosti tabulky

 

Vkládání základních elementů do webové stránky prostřednictvím editoru NVU

 

Nadpis webu:

 

"Tvorba www stránek v programu NVU"

= není zvětšený tučný text, ale nadpis typu 2 stejně tak

"Nadpis webu"

 

Uděláte jej tak, že vhodný text označíte (myší / klávesnicí (shift(+ctrl pro celá slova)+šipky) a vyberete H1/2/3/4 z menu na liště. Čím vetší číslo tím "hlubší" úroveň textu bude nadpis představovat.

. 

Nadpis1- Pekárna za rohem

Nadpis 2 - Nabízíme pečivo a zákusky

Nadpis 3 - Pečivo

Nadpis 4 - Chléb, rohlíky

A normální text je (nemusi se extra značit) "tělo"

Tvorba odkazu - hyperlinku :

odkaz sestává ze dvou částí:

• text, který se zobrazí
• adresa kterou představuje

Klikněte buď na ikonu "Odkaz" na horní liště nebo zmáčkněte součastně CTRL+L zobrazí se vám komunikační okno. Do něj zadáte text např. jakpsatweb.cz a odkaz http://www.jakpsatweb.cz/. Vvýsledek je pak jakpsatweb.cz. Můžete ovšem vložit i jiný text který vystihuje lépe (jinak) co je na odkazované adrese třeba Web o tvorbě, údržbě a zlepšování internetových stránek

Linky máme 2 druhy

1. Absolutní: např. "http://www.jakpsatweb.cz/obrazky-priprava.html". Používáme pro odkazování na cizí weby
   
2. Relativní:  "index.html" nebo "soubory/basne.zip" pro adresaci v prostředí vlastního websitu

 

Vložení obrázku

Klikněte na ikonu "Obrázek" na horní liště a soubor vyhledejte na disku.

Pomocný název (title) je přídavný text, informace...
Alternativní text - popisuje co je na obrázku pro slepé  nebo pokud nemáte aktivní zobrazování obrázků - "nahrazuje obrázek"

1. JPG nebo JPEG - pro fotografie (a případy s vyššími nároky na kvalitu grafiky)
2. GIF - snížené nároky na kvalitu, doplňková grafika, pozadí a dekorace (možnost zavedení průhledné barvy)
   
3. PNG - pro čárovou "vektorovou" grafiku, text, okna windows, grafy, ikonky, loga

na začátek stránky